
#ma{
    height: 350px;
    width: 675px;
    background-color: skyblue;
    background-repeat: no-repeat;
    margin:auto;
    left: 50%;
    margin-top: 50px;
    background-size: contain;
    cursor: pointer;
    color: white;
}
#azhe{
    color: white;
    position: relative;
    left: 60px;
    top: 4px;
}
#last{
    margin:auto;
    
    height: 180px;
    width: 675px;
   
}
#top-data{
 padding-top: 8px;
 margin-left: 15px;
 margin-bottom: 12px;
 overflow: hidden;

}
#top-two{
  height:300px; 
  width:675px;
  background-color: skyblue;
}
#left-one{
  width: 235px;
  height: 300px;
  background-color: skyblue;
  float: left;

}
#left-one p{
margin-bottom: 8px;
}
li{
list-style: none;
width: 108px;
height: 300px;
border-top: none;
border-bottom: none;
float: left;
border-left: 1px solid rgb(217, 221, 217);
position: relative;
bottom: 10px;
}
li:hover {
background: rgba(248, 248, 246, 0.15);
}
input{
    border: none;
    outline:0;  
    border:1px solid #c8cccf;
    border-radius:9px;
    height:1.8em;
    font-size:0.8em;
    -web-kit-appearance:none;
    -moz-appearance: none;
}
#left-top img{
margin-top: 10px;
}
#left-top{
height: 84px;
background-color: skyblue;
text-align: center;
width: 235px;
}
#left-tem{
color: white;
height: 82px;
width: 235px;
background-color: skyblue;
margin:auto;
left: 50%;
overflow: hidden;
}
#left-tem p{
margin-right: 10px;
float: left;
}
#left-one p{
  margin-top: 5px;
  text-align: center;
  color: white;
}
.line{
  text-align: center;
}
.line img{
    margin-top: 10px;
    margin-bottom: 40px;
    height: 48px;
    width: 48px;
}
.line p{
  margin-bottom: 8px;
}
#azhe{float: left;}
#a{float: right;
margin-left: 100px;
margin-right: 10px;}
#aaa{
    width: 80px;
    height: 82px;
}
#last{
  background-color: skyblue;
}